// 全局色，该文件中的变量是全局变量，在css文件和vue组件中可以直接使用
$mainColor: #2250c5; // 网站主题色
// $mainColor: #409eff; // 网站主题色

// 基础文字颜色
$textColor1: #353433;
$textColor2: #848b98;
$textColor3: #d4d9e5;
// 侧边栏
$menuBg: #fff; // 菜单背景颜色
$menuTextColor: $textColor1; // 菜单文字颜色
$menuActiveTextColor: $mainColor; // 已选中菜单文字颜色
$menuActiveBg: #f3f7fe; // 已选中菜单背景颜色
$menuHover: #f3f4f7; // 鼠标经过菜单时的背景颜色
// $subMenuBg: #1f2d3d; // 子菜单背景颜色
// $subMenuHover: #001528; // 鼠标经过子菜单时的背景颜色
$collapseMenuActiveBg: #020202; // 菜单宽度折叠后，已选中菜单的背景颜色
$collapseMenuActiveColor: $menuTextColor; // 菜单宽度折叠后，已选中菜单的文字颜色
// $collapseMenuActiveBorderColor: $mainColor; // 菜单宽度折叠后，已选中菜单的边框颜色
// $collapseMenuActiveBorderWidth: 2px; // 菜单宽度折叠后，已选中菜单的边框宽度
// $arrowColor: #909399; // 展开/收起箭头颜色
$horizontalMenuHeight: 50px; // 菜单栏水平排列时候的高度

$moduleBg: #fff; //各个模块的背景色

// 基础padding
$padding: 18px;


// 页面中独立块级元素
$blackBgc:#374148;


// element-plus自定义主题色
// 可修改的主题色在此查看：https://github.com/element-plus/element-plus/blob/dev/packages/theme-chalk/src/common/var.scss
@forward 'element-plus/theme-chalk/src/common/var.scss' with (
  $colors: (
    'primary': (
      'base': $mainColor,
    ),
  )
);
